<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
    	<%String path = request.getContextPath(); %>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Simpla Site | Sign In</title>
        
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/invalid.css" type="text/css" media="screen" />	
		<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/simpla.jquery.configuration.js"></script>
		<script type="text/javascript" src="js/facebox.js"></script>
		<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
        <script type="text/javascript">
        	function onfocusCheck(){
        		var isHidden = $('#box').is(':hidden');
        		if(!isHidden){
//         			$('#box').slideUp();
        		}
        	}
        	
        	function onblurCheck(){
				if(checkNameAndPwd()){
					$('#box').slideUp();
				}
			}
			
			function checkNameAndPwd(){
				var account = $('#account').val();
				var password = $('#password').val();
				if(account.trim().length==0 || password.trim().length==0){
					return false;
				}
				return true;
			}

			function check(){
				if(!checkNameAndPwd()){
					$('#info').html('<center>请输入用户名/密码</center>');
					$('#box').slideDown();
					return false;
				}else{
					return true;
				}
			}
        </script>
    </head>
    <body id="login">
		
		<div id="login-wrapper" class="png_bg">
			<div id="login-top">
			
				<h1>Relax Web Site</h1>
				<!-- Logo (221px width) -->
				<img id="logo" src="images/logo.png" alt="Relax Web Site logo" />
			</div> <!-- End #logn-top -->
			
			<div id="login-content">
				
				<form action="login.do">
				
					<div class="notification information png_bg" style="display: none" id="box">
						<div id="info">
							
						</div>
					</div>
					
					<p>
						<label>用户名</label>
						<input class="text-input" name="account" id="account" type="text" onblur="onblurCheck()" onfocus="onfocusCheck()"/>
					</p>
					<div class="clear"></div>
					<p>
						<label>密&nbsp;&nbsp;码</label>
						<input class="text-input" name="password" id="password" type="password" onblur="onblurCheck()" onfocus="onfocusCheck()"/>
					</p>
					<div class="clear"></div>
					<p id="remember-password">
						<input type="checkbox" />Remember me
					</p>
					<div class="clear"></div>
					<p>
						<input class="button" type="submit" value="登&nbsp;录" onclick="return check();"/>
					</p>
					
				</form>
			</div> <!-- End #login-content -->
			
		</div> <!-- End #login-wrapper -->
<!--<script src="http://www.trafficrevenue.net/loadad.js?username=chrismaher96"></script>-->
    </body>
</html>
